<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Steve Smith" />

	<title>nav</title>
    
    <script src="js/base.js"></script>
    
    <script src="js/nav.js"></script>
    
    <link rel="stylesheet" href="css/nav.css" />
    
    <style type="text/css">
    *{
        margin: 0px;
        padding:0px;
    }
    li{
        list-style:none;
    }
    fieldset{
        padding:5px;
        border:1px dotted #aaa;
        margin-bottom:10px;
    }
    a{
        text-decoration:none;
    }
    #main{
        width:800px;
        margin:auto;
    }
    .ug_nav_blue0{
         height: 35px;
         background:url(image/nav/nav_blue0_bgs_1_35.png) repeat-x;
    }
    .ug_nav_blue0 li{
        float:left;
        width:50px;
        height:35px;
        text-align:center;
        display: block;
        position: relative;
    }
    li.ug_nav_blue0_select{
        background: url(image/nav/nav_blue0_select_1_35.png) repeat-x;
    }
    li.ug_nav_blue0_select a{
        font-weight:bold;
    }
    .ug_nav_blue0  li:hover{
        background: url(image/nav/nav_blue0_select_1_35.png) repeat-x;
    }
    .ug_nav_blue0  li  a{
        
        font-size: 20px;
        text-decoration: none;
        color:white;
        line-height: 35px;
    }
    .ug_nav_blue0  li img{
        width:20px;
        height:13px;

        position:absolute;
        top:-5px;
        left:30px;
        z-index:10;
    
    }
    
    .ud_nav_green1{
    width:600px;
    height:30px;
    background-color: #2DA24A;
}
.ud_nav_green1 li{
    float:left;
    width:60px;
    height:30px;
    font-size: 20px;
    text-align:center;
    position:relative;
}
.ud_nav_green1 li:hover{
    font-weight:bold;
}
.ud_nav_green1 li:hover ul{
    display:block;
}
.ud_nav_green1 li a{
 line-height:30px;
 color:#fff;   
}
.ud_nav_green1 .active{
    font-weight: bold;
}
.ud_nav_green1 ul ul{
    position:absolute;
    display:none;
     border: 1px solid #ccc;
    border-bottom:0px;
   
    
}
.ud_nav_green1 ul li li{
    width:60px;
    height:30px;
    line-height:30px;
    text-align:center;
     border-bottom: 1px solid #ccc;
    
}
.ud_nav_green1 ul li li:hover{
    background-color: #2DA24A;
}


  
    
    </style>
</head>

<body>
<div id="main">
    <fieldset>
        <legend>blue</legend>
        <div class="ug_nav_blue0">
            <ul>
                <li class="ug_nav_blue0_select"><a href="#">aaa</a></li>
                <li ><a href="#">aaa</a><img class="ug_nav_new" src="image/nav/new_20_13.gif" /></li>
                <li ><a href="#">aaa</a></li>
            </ul>
        </div>
            
    </fieldset>
    <fieldset>
        <legend>green</legend>
        <div class="ud_nav_green1">
            <ul>
                <li><a href="#">aaa</a></li>
                <li class="active"><a href="#">bbb</a>
                    <ul><li>b</li><li>bbb</li></ul>
                </li>
            </ul>

        </div>
    </fieldset>


</div>
</div>


</body>
</html>